<template>
  <div class="about-article bg-w m-t-2">
    <h3 class="article b-c">相关文章</h3>
    <ul class="articles">
     <AboutArticleItem></AboutArticleItem>
     <AboutArticleItem></AboutArticleItem>
     <AboutArticleItem></AboutArticleItem>
     <AboutArticleItem></AboutArticleItem>
     <AboutArticleItem></AboutArticleItem>
    </ul>
  </div>
</template>

<script>
import AboutArticleItem from "@/components/article-detail/sideBarRight/AboutArticleItem";
export default {
  name: "AboutArticle",
  components: {
    AboutArticleItem,
  },
};
</script>

<style lang="scss" scoped>
.about-article {
  .article {
    padding: 1rem;
    font-size: 1.5rem;
  }
  .articles {
    padding: 1rem;
    line-height: 1.4;
  }
}
</style>